<template>
  <div>
    <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fbbs-fd.zol-img.com.cn%2Ft_s800x5000%2Fg1%2FM0B%2F00%2F0B%2FCg-4jVM-SuWILNJoAAFHc08fRWMAAMClQNeI7IAAUeL136.jpg&refer=http%3A%2F%2Fbbs-fd.zol-img.com.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1666522819&t=ae6aab0648270a281d3fc4a6af36ae15" alt="">
    <p>多可爱的 *arry啊~~~~</p>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
  div{
    margin-right: 50px;
    width: 200px;
    border: 10px solid lawngreen;
  }
  img{
    width: 100%;
  }
  p{
    border-top: 10px solid lawngreen;
    border-bottom: 10px solid lawngreen;
    background-color: yellow;
    color: lawngreen;
  }
</style>